<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery02</title>
<!-- JQuery的引入 -->
<script type="text/javascript" src="../js/jquery-3.1.1.js"></script>
<script type="text/javascript">

/* 需要在body添加onload的时候调用init方法 */
   function init(){
	document.getElementById("actionButton").onclick=function(){
	var content=document.getElementById("content").value;
	alert(content);
	}
  } 

 
/*     $(document).ready(function(){
		$("#actionButton").click(function(){
			alert($("#content").val());
		});
	});  */
 
</script>

</head>
<body onload="init()">

<input type="text" id="content"/>&nbsp;&nbsp;<input type="button" id="actionButton" value="我的内容"/>

</body>
</html>